<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>水库信息批量导入系统</title>
<meta http-equiv="context-type" content="text/html;charset=utf-8">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: "微软雅黑";
	color: 666;
}

h1 {
	text-align: center;
	line-height: 80px;
	font-size: 24px;
	font-weight: 500;
	line-height: 80px;
	font-size: 24px;
	font-weight: 500
}

.res {
	width: 900px;
	height: 400px;
	margin: 0 auto;
	height: 400px;
}

.res .c_btn {
	width: 100px;
	height: 36px;
	background: #188eee;
	display: block;
	text-align: center;
	line-height: 36px;
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	border-radius: 3px;
	margin: 20px 0;
}

.res .c_btn2 {
	width: 100px;
	height: 36px;
	background: #188eee;
	display: block;
	text-align: center;
	line-height: 36px;
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	border-radius: 3px;
	margin: 20px 0;
	
}

.res .c_btn:hover {
	background: #107ed6;
}

.res .c_btn2:hover {
	background: #107ed6;
}

.content {
	width: 900px;
	height: 500px;
	border-top: 1px solid #dfdfdf;
	margin: 0 auto;
	border-bottom: 1px solid #dfdfdf;
}

.content .c_list p {
	line-height: 40px;
	font-size: 14px;
}

.res .content table.gridtable {
	font-family: "楷体";
	font-size: 12px;
	color: #333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}

.res .content table.gridtable th {
	width: 100px;
	background-color: #c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

.res .content table.gridtable td {
	height: 30px;
	width: 100px;
	font-family: "宋体";
	background-color: #F0F8FF;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
	width: 100px;
}
</style>

</head>
<body>
	<h1>JAVA开发水库信息统计</h1>
	<div class="res">
		<div class="content">
			<table class="gridtable" border="2" bordercolor="red">
				<tr>
					<th rowspan="2">省</th>
					<th colspan="2">合计</th>
					<th colspan="2">大型</th>
					<th colspan="2">中型</th>
					<th colspan="2">小型</th>
				</tr>
				<tr>
					<th>数量(座)</th>
					<th>总容量(万m3)</th>
					<th>数量(座)</th>
					<th>总容量(万m3)</th>
					<th>数量(座)</th>
					<th>总容量(万m3)</th>
					<th>数量(座)</th>
					<th>总容量(万m3)</th>
				</tr>
				<c:forEach items="${dataList}" var="s">
					<tr>
						<td>${s.localprovince}</td>
						<td>${s.total_count}</td>
						<td>${s.total_capacity}</td>
						<td>${s.large_count}</td>
						<td>${s.large_capacity}</td>
						<td>${s.middle_count}</td>
						<td>${s.middle_capacity}</td>
						<td>${s.small_count}</td>
						<td>${s.small_capacity}</td>
					</tr>
				</c:forEach>
			</table>
			<a class="c_btn2"   href="selectStatistics">统计表格</a>
		</div>
	</div>

</body>
</html>